<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="app">
    {{msg}}
</div>
</body>
<script src="vue.js"></script>
<script>
     var vm = new Vue({
         el:'#app',
         data:{
             msg:1
         },
         beforeCreate:function () {
             console.log("beforeCreate",this.$el);
         },
         created:function () {
             console.log("created",this.$data);
         },
         beforeMount:function () {
             console.log("beforeMount",this.$el);
         },
         mounted:function () {
             console.log("mounted",this.$el);
         },
         beforeUpdate:function () {
             console.log('beforeUpDate',this.msg);
         },
         updated:function () {
             console.log('updated',this.msg);
         },
         beforeDestory:function () {
             console.log('beforeDestory',this.msg);
         },
         destory:function () {
             console.log('destory',this.msg);
         }
     })
</script>
</html>